<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE HTML>
<html>
<head>
        <title>宋濟川地產</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="<?php echo C('WEB_SITE_DESCRIPTION');?>">
<meta name="keywords" content="<?php echo C('WEB_SITE_KEYWORD');?>">
        <link href="/sjc/Public/Index/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="/sjc/Public/Index/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="/sjc/Public/Index/dist/css/swiper.min.css" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" href="/sjc/Public/Index/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto[gallery2] main stylesheet" charset="utf-8" />
        <link href="/sjc/Public/Index/css/sjc.css" rel="stylesheet" type="text/css"/>
</head>
<body>
	<!-- 头部 -->
	        <div class="top"><div class="logo"><img src="/sjc<?php echo get_cover($logo['logo1'],$field = path);?>"></div></div>
        <div class="col-nav text-center">
            <div class="col-md-12 nav-btn text-center"><span>首頁</span><i class="fa fa-bars nav-ico"></i></div>
            <ul>
                <li class="active"><a href="<?php echo U('Index/index');?>">首頁</a></li>
                <li><a href="<?php echo U('About/index');?>">關於我們</a></li>
                 <li><a href="<?php echo U('Market/index');?>">市場動態</a></li>
                <li><a href="<?php echo U('Search/index');?>">樓盤信息</a></li>
                <li><a href="<?php echo U('Contact/index');?>">聯繫我們</a></li>
            </ul>
        </div>
	<!-- /头部 -->
	
	<!-- 主体 -->
	 <div class="contact text-center">
            
            <div class="container">
                 <h3 class="detail-font text-left" data-to="22.345775" data-po="113.4145466">聯繫我們</h3>
                 <div class="col-md-6">
                  <div class="gmap3" id="map-canvas"></div>
                 </div>
                <div class="swiper-container swiper1 col-md-6">
                    <div class="swiper-wrapper">
                        <?php if(is_array($data)): foreach($data as $key=>$val): ?><div class="swiper-slide">
                             <div class="contact-border">
                                <i class="fa fa-home contact-ico"></i>
                                <p><?php echo ($val['title']); ?></p>
                            </div>
                            <div class="contact-border">
                                <i class="fa fa-map-marker contact-ico map-ico" data-map="<?php echo ($val['mapsite']); ?>"></i>
                                <p><?php echo ($val['shop_add']); ?></p>
                            </div>
                            <div class="contact-border">
                                <i class="fa fa-phone contact-ico"></i>
                                <p><?php echo ($val['shop_tel']); ?></p>
                            </div>
                            <div class=" contact-border">
                                <i class="fa fa-envelope-o contact-ico"></i>
                                <p><?php echo ($val['shop_email']); ?></p>
                            </div>

                            <div class="contact-border">
                                <i class="fa fa-fax contact-ico"></i>
                                <p><?php echo ($val['shop_fax']); ?></p>
                            </div>
                        </div><?php endforeach; endif; ?>
         
              </div>
               
                   <div class="swiper-button-next swiper-button-next1"><i class="fa fa-angle-right slide-ico"></i></div>
                   <div class="swiper-button-prev swiper-button-prev1"><i class="fa fa-angle-left slide-ico"></i></div>
            </div>
        </div>
        </div>    
<!--聯繫我們-->
	         <div class="messge">
                <div class="messge_nav">聯繫我們</div>
                <div class="message_content">
                  <form action="<?php echo U('Index/update');?>" method="post" id="form_message">
                      <input type='hidden' name='title' value='留言板' id='post_title'>
                      <input type='hidden' name='category_id' value='48'>
                        <input type='hidden' name='model_id' value='10'>
                          <input type='hidden' name='type' value='2'>
                          <input type='hidden' name='description' value=''>
                    <input class="message_input " type="text" name="names" id='post_name' onfocus="if (value == '姓名') {
                          value = ''
                      }" onblur="if (value == '') {
                                  value = '姓名'
                              }" value="姓名" />
                    <input class="message_input" type="text" name="tel" onfocus="if (value == '電話') {
                                          value = ''
                                      }" onblur="if (value == '') {
                                                  value = '電話'
                                              }" value="電話" />
                    <input class="message_input" type="text" name="emails" onfocus="if (value == '郵箱') {
                                                          value = ''
                                                      }" onblur="if (value == '') {
                                                                  value = '郵箱'
                                                              }" value="郵箱" />
                    <textarea class="message_text_area" name="content"></textarea>
                    <input class="message_button" type="submit" value="發送" />
                  </form>
                </div>
              </div>
<script>
window.onload = function(){
    var name = document.getElementById('post_name');
    var title = document.getElementById('post_title');
    name.onblur = function(){
       title.value = "來自"+name.value+"的留言";
    }
}
</script>
<!--/聯繫我們-->
        <div class="col-md-12 copyright text-center"><?php echo C('WEB_COPYRIGHT');?></div>
        <a class="go-top" href="#top"><i class="fa fa-angle-up"></i></a>
            <?php echo C('GOOGLEANALYTICS');?>
        <script src="/sjc/Public/Index/js/jquery.min.js" type="text/javascript"></script>
        <script src="/sjc/Public/Index/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=geometry"></script>
        <script src="/sjc/Public/Index/dist/js/swiper.js" type="text/javascript"></script>
     
         <script src="/sjc/Public/Index/js/sjc.js" type="text/javascript"></script> 
        <script type="text/javascript">
var map = $('.swiper-slide-active').find('.fa-map-marker').attr('data-map').split(',');
var a1 = map[0];
var a2 = map[1];
$('.swiper-button-next,.swiper-button-prev').click(function(){

map = $('.swiper-slide-active').find('.fa-map-marker').attr('data-map').split(',');
a1 = map[0];
a2 = map[1];
initialize();
})
function initialize() {
  var mapOptions = {
    zoom:14,
    center: new google.maps.LatLng(a1,a2),
     streetViewControl: true,
    streetViewControlOptions: {
        position: google.maps.ControlPosition.LEFT_TOP
    },
     mapTypeControlOptions: {
        style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
        position: google.maps.ControlPosition.TOP_RIGHT,
         mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
    },
     zoomControl: true,
    zoomControlOptions: {
        style: google.maps.ZoomControlStyle.LARGE,
        position: google.maps.ControlPosition.LEFT_CENTER
    }
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
 marker2 = new google.maps.Marker({
    map: map,
    animation: google.maps.Animation.DROP,
    position: new google.maps.LatLng(a1,a2)
  });
 var bounds = new google.maps.LatLngBounds(marker2.getPosition());
}
google.maps.event.addDomListener(window, 'load', initialize);
$('.map-ico').click(function(){
  
  var a1=$(this).attr('data-to');
  var a2=$(this).attr('data-po');
  var mapOptions = {
    zoom:14,
    center: new google.maps.LatLng(a1,a2),
     streetViewControl: true,
    streetViewControlOptions: {
        position: google.maps.ControlPosition.LEFT_TOP
    },
     mapTypeControlOptions: {
        style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
        position: google.maps.ControlPosition.TOP_RIGHT,
         mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
    },
     zoomControl: true,
    zoomControlOptions: {
        style: google.maps.ZoomControlStyle.LARGE,
        position: google.maps.ControlPosition.LEFT_CENTER
    }
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
 marker2 = new google.maps.Marker({
    map: map,
    animation: google.maps.Animation.DROP,
    position: new google.maps.LatLng(a1,a2)
  });
 var bounds = new google.maps.LatLngBounds(marker2.getPosition());
});
</script>
	<!-- /主体 -->
</body>
</html>